/*风 格*/

* { margin:0; padding:0px;  list-style: none;}

body { color:#585858; text-align:center; background:#fff;}

img { border:0;}



/*连 接*/

a:link,a:visited,a:active { text-decoration:none; color:#585858;}

a:hover { text-decoration:none; color:#F9824A;}

/*字 体*/

@font-face

{

font-family: myFont;

src: url('img/PingFang Bold.ttf');

}

/*位 置*/

.L{float:left;}

.R{float:Right;}



/*文本-样式*/

.tL{ text-align:left; }

.tR{ text-align:right;}

.tC { text-align:center;}

.bold{font-weight:bold;}



.family{font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;}

.underline{text-decoration: underline;}





/*清除浮动*/

.clear{ clear:both; font-size:0; height:0; line-height:0;}





/*整 局*/

#allmain{ width:1300px; height:auto; margin:0 auto 0 auto;}



/*首页背景颜色定位*/

#top_home{float:left;  top:0; right:0;  height:80px; width:100%;   z-index:0; margin-bottom:-79px; }

#top_all{float:left;  top:0; right:0;  height:auto; width:100%; height:922px; padding-top:79px;  z-index:0; background:url(img/top_bg.jpg);   background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; }

@media screen and (max-width: 1920px){ /*小于或等于1920分辨率*/

#top_all{float:left;  top:0; right:0;  height:auto; width:100%; height:922px; padding-top:79px;  z-index:0; background:url(img/top_bg.jpg);  background-repeat: no-repeat;  background-position: center 0; }

}

#top_tb{float:left;  top:0; right:0;  height:auto; width:100%;  z-index:0;  }

#top_tb strong{font-weight:900;}

#top_tb strong *{font-weight:900;}



/* 顶部 */

.header{position:relative; margin:0 auto 0 auto; width:1200px; height:81px;}

.header li{  height:81px;  }

.header li.logo{position:absolute; top:0; left:0;  width:auto;}

.header li.logo a{display:block; width:auto; height:81px;    overflow:hidden;}

.header li.meun{position:absolute; top:0; right:0; width:auto; height:81px; }

.header li.meun a{position:relative; float:left;  height:56px; padding-top:23px;  color:#FFF;  font-size:16px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; }

.header li.meun a:before{ content: ""; position: absolute;  left: 50%; bottom: -2px;  width: 0; height: 2px; background:#528CF2; transition: all .3s;}

.header li.meun a:hover:before{ width: 100%; left: 0; right: 0; }

.header li.meun a:hover{color:#528CF2; }

.header li.meun a.current{color:#528CF2;  border-bottom:2px #528CF2 solid; }





/* 内容 */

.banner{float:left;  width:100%; height:auto; }

.banner li{ float:left; }

.banner li.title{ width:100%; height:auto; margin-top:40px; }

.banner h1{position:relative; text-align:center;  color:#fff;  font-size:34px; font-family: "Microsoft Yahei","微軟正黑體","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; }

.banner h1 i{position:absolute; top:-15px; left:52%; margin-left:160px; display:block; width:86px; height:33px; background:url(img/mf.png) center  no-repeat; }

.banner h2{text-align:center; margin-top:10px;  line-height:40px;  color:#E3E3E3;  font-size:23px; font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;}

.banner li.bus{ margin-top:15px;  width:100%; height:90px; }

.banner li.bus a{ display:inline-block; width:210px; height:62px; line-height:62px;  background:#29C731;  border-radius:50px; font-size:26px; letter-spacing:3px; color:#FFFFFF; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; -moz-box-shadow:1px 4px 1px #315B81; /* Firefox */ -webkit-box-shadow:1px 4px 1px #315B81; /* Safari 和 Chrome */ box-shadow:1px 4px 1px #315B81; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */  }

.banner li.bus a:hover{color:#FFFFFF; background:#1AA220; }



.pay{ float:left;  width:100%; height:auto; }

.pay ul{ margin:0 auto 0 auto; width:1200px; height:676px; background:url(img/pc.png) center  no-repeat;  }





video{float:left; cursor:pointer; margin-top:20px; margin-left:23px; }

embed{float:left; cursor:pointer; margin-top:20px; margin-left:23px;  }



/* 图标 */

.icoD{margin:0 auto 0 auto; width:1300px; height:auto; }

.icoD h2{float:left; width:100%; height:50px; margin-top:40px; font-weight:bold;  color:#3E3E3E; font-size:35px; font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;}

.icoDC{ float:left; width:100%; height:150px; }

.icoDC li{position:relative; float:left; width:22%; height:150px; background:url(img/link.png) center right no-repeat;}

.icoDC li.no{ background:none; }

.icoDC li i.L1{ float:left; width:325px; height:60px; background:url(img/L1.png) center  no-repeat; }

.icoDC li i.L2{ float:left; width:325px; height:60px; background:url(img/L2.png) center  no-repeat; }

.icoDC li i.L3{ float:left; width:325px; height:60px; background:url(img/L3.png) center  no-repeat; }

.icoDC li i.L4{ float:left; width:325px; height:60px; background:url(img/L4.png) center  no-repeat; }

.icoDC li i.L5{ float:left; width:325px; height:60px; background:url(img/L5.png) center  no-repeat; }

.icoDC li i.L6{ float:left; width:325px; height:60px; background:url(img/L6.png) center  no-repeat; }

.icoDC li i.L7{ float:left; width:325px; height:60px; background:url(img/L7.png) center  no-repeat; }

.icoDC li i.L8{ float:left; width:325px; height:60px; background:url(img/L8.png) center  no-repeat; }

.icoDC li p.title{float:left; margin-top:2px; width:325px; height:auto; color:#3E3E3E;  font-weight:bold; font-size:18px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; }

.icoDC li p.bin{float:left; margin-top:16px; width:325px; height:auto; color:#838383;  font-size:15px; font-family: "myFont","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; }

/*.icoDC li a{ position:absolute;  top:88px; left:145px; display:block; width:31px; height:15px; background:url(img/go.png)  no-repeat; background-position:0px -15px;}

 */

.icoDC li a:hover{ background-position:0px 0px; }



/* 下载 */

.down{ float:left; width:100%; height:125px; margin-top:70px;  background:#FFF;  }

.down div{ position:relative; margin:0 auto 0 auto; width:100%; height:135px;  background:url(img/title.png)  no-repeat;   background-position: 50px 7px; }

.down div p.title{padding:0 0 0 60px; text-align:left; color:#444444; font-weight:bold; font-size:20px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; }

.down div p.con{padding:10px 0 0 60px; text-align:left; line-height:25px; color:#838383;  font-size:15px; font-family: "myFont","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; }

.down div a{ position:absolute; right:60px; top:30px;  display:block; width:145px; height:57px; background:url(img/down.png)  no-repeat; background-position: 0 0; }

.down div a:hover{ background-position: 0 -56px; }



/* Web */

.web{ float:left; width:100%; height:226px; border-bottom:1px solid #4A4E52; background:#3B3F43; }

.web li{ display:inline-block; width:220px; height:106px; padding-top:120px;}

.web li a{color:#E6E6E6;  font-size:18px;  font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;}

.web li a:hover{color:#36AAE3;  }

.web li p{ color:#999;  font-size:14px;  font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; }

.web li.gjb{  background:url(img/T_gjb.jpg) no-repeat 90px 65px; }

.web li.wj{  background:url(img/T_wj.jpg) no-repeat 90px 65px; }

.web li.bjb{  background:url(img/T_bjb.jpg) no-repeat 90px 65px; }

.web li.qk{  background:url(img/T_qk.jpg) no-repeat 90px 65px; }

.web li.yj{  background:url(img/T_yj.jpg) no-repeat 90px 65px; }

.web li.yq{  background:url(img/T_yq.jpg) no-repeat 90px 65px; }



/*版 权*/

#copyright{float:left; bottom:0;  width:100%; height:110px;  color:#929292; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; background:#3B3F43; }

#copyright p{margin:0 auto 0 auto;  width:1200px; height:25px; padding-top:5px;}

#copyright a{color:#929292; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;}

#copyright a:hover{color:#36AAE3;}







.list-news1 li{ line-height:35px; border-bottom:#ececec 1px solid; overflow:hidden;}

.list-news1 li a{ float:left; background:url(../images/arr1.png) left center no-repeat; padding-left:15px; display:block}

.list-news1 li span{ float:right; color:#666}



.list-news2 li{  overflow:hidden; padding-bottom:1%; margin-bottom:1%; background:#f4f4f4; padding:2%}

.list-news2 li.odd{  }

.list-news2 li span{ display:block; overflow:hidden; margin-bottom:5px;}

.list-news2 li span a{ font-size:16px; line-height:1; float:left;display:block; font-weight:900;}

.list-news2 li span font{ float:right}

.list-news2 li p{ font-size:12px; line-height:180%;}



.list-news3 li{border-bottom:#ececec 1px solid; overflow:hidden; padding-bottom:2%; margin-bottom:2%}

.list-news3 li a.litpic{ float:left; display:block; width:20%;}

.list-news3 li a.litpic img{ width:100%;}

.list-news3 li span{ float:right; display:block; width:78%;}

.list-news3 li.noimg span{ width:100%; float:none}

.list-news3 li span a{ font-size:16px; line-height:200%; margin-bottom:5px;}

.list-news3 li span font{ display:inline-block; margin-top:5px;}



.list-news4 li{border-bottom:#ececec 1px solid; float:left; overflow:hidden;  width:32%; margin-right:2%; margin-bottom:2%; padding-bottom:2%;}

.list-news4 li.last{ margin-right:0;}

.list-news4 li a.litpic{   display:block; }

.list-news4 li a.litpic img{ width:100%; height:160px;}

.list-news4 li span{   display:block; }

.list-news4 li.noimg span{ width:100%; float:none}

.list-news4 li span a{ font-size:14px; height:40px; line-height:40px; overflow:hidden; display:block; }

.list-news4 li span font{ display:inline-block; margin-top:5px;}



img{ max-width:100%;}

.clear{ clear:both}

#allmain.sec{ text-align:left}

ul,li{ margin:0; padding:0; list-style:none}

/*简单产品列表*/

.prolist{ margin-bottom:40px;}

.prolist ul{ margin:0 -15px;}

.prolist li{ float:left; margin-top:10px; width:25%;  }

.prolist li .item{ margin:15px 15px 0 15px; border-radius:10px; overflow:hidden; box-shadow: 0px 0px 24px rgba(0, 0, 0, .1);}

.prolist li a.txt{ display:block; text-align:center; line-height:50px; background:#fff; font-size:24px; line-height:50px;}

.prolist li a.img{ display:block;   }

.prolist li a.img img{   display:block; width:100%;}

.prolist li:hover a.txt{ background:#000; color:#fff;}



.sectitle{ font-size:34px; color:#000; margin-bottom:40px; text-align:center}

.sectitle span h2{ font-size:44px;}

.sectitle p{ font-size:20px;}



.gnleft{ float:left; width:47%;}

.gnright{ width:49%; float:right;}

.gnright ul{ margin-top:30px;}

.gnright li{ font-size:26px; margin-bottom:70px;}

.gnright li img{vertical-align:middle; height:60px;}



.img4{ position:relative; margin-top:60px;}

.img4 .img4_title{ position:absolute; font-size:28px; font-weight:900; position:absolute; left:130px; top:20px;}

.img4 .img4_title b{font-size:28px; color:#3a8cff ; font-weight:900; }



.relative{float:right; width:20%;}

/**内链优化样式**/

.relative-news{

    border-radius: 5px;

    border: 1px solid #e9e9e9;

    padding: 15px;

    

}



.relative-news-list a .message-name:hover{

    color:#FF1126;

}



.message-right{

    width:266px;

}

.message-right .relative-news,.message-right .relative-house{

    border-radius: 5px;

    border: 1px solid #e9e9e9;

    padding: 15px;

    margin-top: 25px;

}

.relative-news .title {

    font-weight: bold;

    line-height: 21px;

    color: #30323D;

    font-size: 16px;

    padding-bottom: 20px;

    border-bottom: 1px solid #EEEEEE;



}

.relative-news .title a{

    font-size: 14px;

    color: #7A7A7A;

    font-weight: normal;

}

.relative-news .title a .iconfont{

    font-size: 12px;

    position: relative;

    top: -1px;

}



.relative-news-list a{

    display: block;

    padding:10px 0 15px;

    border-bottom: 1px solid #e9e9e9;

}

.relative-news-list a .message-name {

    font-size: 14px;

    color: #333;

    line-height: 24px;

}

.relative-news-list a:last-child{

    border-bottom: 0;

}

.relative-news-list a:first-child{

    padding-top: 0;

}

.relative-news-list a span{

    font-size:14px;

    color:#333;

    line-height:24px;

    word-break: break-word;

}

.relative-news-list a p{

    color: #999;

    font-size: 14px;

    margin-top: 10px

}





.hot-news .title{

    margin-bottom:20px;

}

.hot-news .news-wrapper{

    width:100%;

    height:500px;

}

.news-wrapper .news-lft {

    width:554px;

    height:100%;

    float:left;

    margin-right:30px;

}

.news-wrapper .news-lft .itm{

    width:554px;

    height:100%;

    cursor: pointer;

}

.news-wrapper .news-lft .itm .img-group{

    width:554px;

    height:320px;

    position:relative;

}

.news-wrapper .news-lft .itm .img-group img{

    width:100%;

    height:100%;

    object-fit: cover;

}

.news-wrapper .news-lft .itm .tit{

    font-size:18px;

    color:#333;

    font-weight: bold;

    margin-bottom:18px;

    margin-top:30px;

}

.news-wrapper .news-lft .itm .desc{

    line-height:20px;

    font-size:14px;

    color:#666;

}

.news-wrapper .news-rgt{

    width:596px;

    height:500px;

    overflow: hidden;

    float:left;

}

.news-wrapper .news-rgt .item{

    cursor: pointer;

    text-decoration: none;

    display: block;

    padding:24px 0;

    border-bottom: 1px dashed #e2e2e2;

}

.news-wrapper .news-rgt .item:first-child{

    padding-top:0;

}

.news-wrapper .news-rgt .item:last-child{

    padding-bottom:0;

    border:none;

}

.news-wrapper .news-rgt .item:hover .cover{

    transform: scale(1.05);

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

}

.news-wrapper .news-rgt .cover-group{

    width: 139px;

    height:115px;

    overflow: hidden;

    float: left;

    margin-right:22px;

}

.news-wrapper .news-rgt .cover{

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

}

.news-wrapper .news-rgt .flex-all{

    -moz-box-flex: 1;

    -webkit-box-flex: 1;

    height: 115px;

}

.news-wrapper .news-rgt .item .t-news{

    color: #333333;

    font-size: 18px;

    font-weight:bold;

    padding-top: 10px;

}



.news-wrapper .news-rgt .item .desc{

    padding-top: 6px;

    line-height: 24px;

    font-size: 12px;

    color: #666666;

}

.news-wrapper  .swiper-button-prev{

    padding-right:5px;

}

.news-wrapper .swiper-button-next{

    padding-left:5px;

}

.news-wrapper .swiper-button-next,.news-wrapper  .swiper-button-prev{

    top:37%;

    width: 42px;

    height: 42px;

    border-radius: 50%;

    background: #fff;

    text-align: center;

    line-height: 42px;

 

}

.news-wrapper .swiper-button-next::after,.news-wrapper  .swiper-button-prev::after{

    font-size: 24px;

    color: #666;

}

.ellipse-3 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}





i{     font-style: normal;

}

.textStep3{height: auto;overflow: hidden;border-radius: 10px;background: #fff; margin-bottom: 20px;}

.textStep3 .title{font-size: 20px;color: #000000;height: auto;overflow: hidden;padding-bottom: 18px;font-weight: bold;}

.textStep3 .ulike{height: auto;overflow: hidden;margin-bottom: 18px;}

.textStep3 .ulike a{display: block;}

.textStep3 .ulike span{display: block;font-size: 24px;color: #000000;font-weight: 500;}

.textStep3 .ulike p{font-size: 14px;color: #838383;line-height: 24px;margin-top: 10px;height: 50px;overflow: hidden;}

.textStep3 .Turn{height: auto;overflow: hidden;display: flex;justify-content:space-between;flex-wrap:wrap;border-bottom: 1px solid #e5e5e5;margin-bottom: 34px;padding-bottom: 30px;}

.textStep3 .Turn em{width: 50%;overflow: hidden;font-size: 16px;color: #000000;display: block;}

.textStep3 .Turn em a{font-size: 16px;color: #000000;}

.textStep3 .Turn em a:hover{color: #146feb;}

.textStep3 .keyword{display: flex;justify-content:flex-start;flex-wrap:wrap;}

.textStep3 .keyword a{display: inline-block;font-size: 14px;color: #858484;line-height: 26px;height: 26px;border: 1px solid #858484;padding: 0 8px;border-radius: 50px;margin-right: 5px;}

.textStep3 .keyword a:hover{color: #146feb;border: 1px solid #146feb;}





.textBox3{border-radius: 10px; border:#ddd 1px solid; margin-top:30px;background: #fff;margin-bottom: 20px;height: auto;overflow: hidden;padding: 10px 25px;}

.textBox3 ul li a{height: auto;overflow: hidden;padding: 20px 0;border-bottom: 1px solid #e8e8e8;display: block;}

.textBox3 ul li:last-child a{border: 0;}

 

.textBox3 ul li a img{float:left; width:70px;}

.textBox3 ul li a i{display: block;font-size: 14px;color: #888888;     text-align: left; margin-left:80px;}

.textBox3 ul li a i b{ font-size: 18px;color: #000000;margin-bottom: 6px;}

.textBox3 a:hover b,.textBox3 a:hover i{color: #146feb;}









.hmBanBox {

    background: #28AB94 url(../img/hmBanBg.jpg) no-repeat center center;

    padding: 170px 0px 120px;

    background-size: cover; clear:both; overflow:hidden;

}



.hmBanBox .container {

    padding: 0px 40px; width:1200px; margin:0 auto;

}



.hmBan_img {

    float: right;

    max-width: 100%;

    height: auto; width:62%;

    margin-top: 0px;

}



.hmBanTxt {

    text-align: center;

    float: left;  width:36%;

}



.hmBan_st {

    color: #FFF;

    font-size: 28px;

    line-height: 46px;

    padding: 12px 0px 40px;

}



.hmBan_down,.hmBan_down:hover {

    background: url(../img/hmBan_bg.png) no-repeat;

    height: 82px;

    width: 358px;

    position: relative;

    font-size: 24px;

    color: #FFF;

    line-height: 62px;

    display: inline-block;

}



.hmBan_tg {

    line-height: 36px;

    padding: 0px;

    height: 36px;

    font-size: 13px;

    color: #FFF;

    display: block;

    width: 335px;

    margin: 0px auto;

    background: rgba(64,151,135,0.5);

    border-radius: 0.3em;

    position: relative;

}



.hmBan_tg:before {

    content: "";

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 6px solid rgba(64,151,135,0.5);

    position: absolute;

    right: 42px;

    top: -6px;

}



.hmBan_bm {

    font-size: 15px;

    line-height: 32px;

    font-weight: bold;

    color: #FFF;

    display: inline-block;

}



.hmBan_tg span,.hmBan_bm span {

    color: #ffe788;

}



.hmBan_timg {

    font-size: 45px;

    line-height: 66px;

    color: #FFF;

    text-align: center;

    font-weight: bold;

}



.hmBan_timg span {

    display: block;

}



@media (max-width:1325px) {

    .hmc2Swiper {

        padding-left: 60px;

        padding-right: 60px;

    }



    .hmc2Swiper .prev {

        left: 0;

    }



    .hmc2Swiper .next {

        right: 0;

    }

}



@media (max-width:1199px) {

    .hmBan_img {

        float: none;

        margin: 0 auto;

        display: block;

        margin-bottom: 45px;

    }



    .hmBanTxt {

        float: none;

        width: 100%;

    }



    .hmc3_ul li {

        width: 33.333%;

    }



    .sBom1L {

        width: 185px;

    }



    .sBom1R {

        width: 320px;

    }



    .sBom1M {

        width: 415px;

    }



    .m2plugDtl1R {

        float: none;

        width: 100%;

        padding-top: 38px;

        clear: both;

    }

}



@media (max-width:993px) {

    .hmc1_aBox {

        width: 50%;

    }



    .hmc1_aBox:nth-child(1),.hmc1_aBox:nth-child(2) {

        border-bottom: 1px solid #E1E1E1;

    }



    .hmc3_ul li {

        width: 50%;

    }



    .hmCon4 .row .col {

        width: 100% !important;

        max-width: none;

        flex: none;

    }



    .hmc5_ul li {

        width: 25%;

    }



    .sBom1_a1 {

        margin-right: 15px;

    }



    .sBom1L {

        width: 145px;

    }



    .sBom1R {

        width: 220px;

    }



    .sBom1M {

        padding-left: 25px;

        width: 355px;

    }



    .sBomTel {

        background: none;

        padding-left: 0;

    }



    .sBom2 .container {

        padding-left: 225px;

    }



    .sBom2_dl {

        width: 23%;

    }



    .sBom2 .container .sBom2_dl:nth-child(5) {

        width: 28%;

    }



    .m2itm_list li {

        width: 50% !important;

        max-width: none;

        flex: none;

    }



    .m2plug_list li {

        width: 50% !important;

        max-width: none;

        flex: none;

    }



    .m2plugDtl1L {

        padding-left: 0;

        width: 226px;

    }

}



@media (max-width:767px) {

    .hmBanBox {

        padding-top: 95px;

    }



    .hmBanBox .container {

        padding: 0 15px;

    }



    .hmBan_timg {

        font-size: 32px;

        line-height: 48px;

    }



    .hmBan_timg span {

        font-size: 40px;

    }



    .hmBan_st {

        font-size: 22px;

        padding: 5px 0px 20px

    }



    .hmBan_down,.hmBan_down:hover {

        width: 280px;

        background-size: 100% auto;

        font-size: 20px;

        line-height: 50px;

    }





    .hmBan_tg {

        width: 290px;

        font-size: 12px;

    }



    .hmBan_bm {

        font-size: 14px;

    }



    .hmBanBox {

        padding-bottom: 65px;

    }



    .hmc1_aBox {

        border: none;

        width: 100%;

        border-bottom: 1px solid #E1E1E1;

    }



    .hmc2_t {

        font-size: 20px;

    }



    .hmc2_changeBtn {

        padding: 0 12px;

    }



    .hmc2Swiper {

        padding-left: 50px;

        padding-right: 50px;

    }



    .hmc3_t {

        font-size: 20px;

    }



    .hmc3_ul li {

        width: 100%;

    }



    .hmc4box {

        padding-left: 15px;

        padding-right: 15px;

    }



    .hmc4_t span {

        font-size: 20px;

    }



    .hmc4Top .float-left {

        display: none;

    }



    .hmc4TopR {

        margin-left: 0;

    }



    .hmc4TopR strong {

        font-size: 18px;

    }



    .hmc5_t {

        font-size: 24px;

        line-height: 36px;

    }



    .hmc5_st {

        font-size: 15px;

        line-height: 24px;

    }



    .hmc5_ul li {

        width: 50%;

    }



    .sBom1L {

        width: 100%;

        text-align: center;

    }



    .sBom1_a1,.sBom1_a2 {

        margin: 0 15px;

    }



    .aBom_t {

        text-align: left;

    }



    .sBom1M {

        border: none;

        padding-left: 0;

        width: 100%;

    }



    .sBom1R {

        width: 100%;

    }



    .sBomTel {

        background: url(../img/sBom1_i3.png) no-repeat left center;

        padding-left: 62px;

    }



    .sBom2_logo {

        display: none;

    }



    .sBom2 .container {

        padding-left: 0;

        padding-right: 0;

    }



    .sBom2_dl {

        width: 100% !important;

        padding: 0 15px;

    }



    .sBom2_dl:after {

        content: "";

        display: table;

        clear: both;

    }



    .sBom2_dl dt {

        width: 100%;

    }



    .sBom2_dl dd {

        display: inline-block;

        margin-right: 15px;

        float: none;

        white-space: nowrap;

    }



    .git-icon {

        position: static;

        padding-left: 15px;

        width: auto;

        height: auto

    }



    .hmc3_more {

        height: 50px;

        line-height: 50px;

    }



    .hmc5_more {

        border-width: 2px;

        height: 44px;

        line-height: 40px;

        font-size: 18px;

    }



    .m2itmName {

        font-size: 32px;

    }



    .m2ban p {

        font-size: 16px;

        line-height: 28px;

    }



    .m2ban {

        padding-top: 90px;

    }



    .m2itm_list li {

        width: 100% !important;

    }



    .m2itmsMore {

        height: 54px;

        line-height: 52px;

        margin-bottom: 65px;

    }



    .m2plugL {

        width: 100%;

        float: none;

    }



    .m2plugL_u1 li {

        padding-right: 18px;

    }



    .m2plug_a1 {

        background: url(../img/m2plug_i1.png) no-repeat right center;

    }



    .m2plug_a1:hover,.m2plug_a1.on {

        background: url(../img/m2plug_i1a.png) no-repeat right center;

    }



    .m2plugR {

        margin-left: 0;

        margin-top: 40px;

    }



    .m2plugR_serBox {

        margin-bottom: 35px;

    }



    .m2plug_list li {

        width: 100% !important;

        flex: none;

        max-width: none;

        text-align: center;

        margin-bottom: 40px;

    }



    .m2plug_img {

        margin-bottom: 20px;

    }



    .sPage {

        margin-bottom: 65px;

    }



    .sPage_a {

        line-height: 36px;

        border: 1px solid #FAF9F9;

        font-size: 16px;

        padding: 0px 10px;

        min-width: 38px;

    }



    .sPage_a.on,.sPage_a:hover {

        border: 1px solid #15AC91;

    }



    .m2plugDtl1L {

        padding-top: 10px;

    }



    .m2plugDtl1M {

        width: 100%;

    }



    .m2plug_btns {

        height: auto;

    }



    .m2plug_btns .m2plug_btn {

        margin: 5px 0px !important;

        width: 100% !important;

    }



    .m2plug_change_a {

        padding: 0 30px;

        font-size: 18px;

    }



    .m2plug_t2 {

        padding-left: 0;

    }



    .m2plugDtlBom {

        padding-top: 10px;

        padding-bottom: 55px;

        margin-bottom: 65px;

    }



    .m2plug_talk {

        padding: 0;

    }



    .m2plug_more {

        line-height: 48px;

        height: 50px;

    }



    .m2plugBomFun {

        padding-left: 0;

        padding-right: 0;

    }



    .m2plug_fmr {

        margin-left: 90px;

    }



    .m2plug_fmt {

        margin-bottom: 20px;

    }



    .m2plug_fmCon {

        margin-bottom: 20px;

    }



    .m2plug_submitBox {

        margin-left: 30px;

    }



    .nav-link-login {

        font-size: 16px;

        margin-right: 20px;

    }



    .footer {

        border-top: 1px solid rgba(0,0,0,.1);

        text-align: left!important

    }



    .footer ul li {

        padding-left: 10px;

        padding-right: 10px

    }



    .footer ul li a {

        color: #98a6ad

    }



    .footer ul li a:hover {

        color: #00b19d

    }

}









.clearfix {

    clear: both;

    zoom: 1

}



.app-container {

    height: 502px;

    margin-bottom: 82px;

    background: url("//p4.ssl.qhimg.com/t016b7e1e83c8967ff1.png") no-repeat #f7fbff center top; text-align:left; clear:both;

}

.main{ text-align:left;}

.main {

    width: 1000px;

    margin: 0 auto;

    padding: 18px 0 80px;

}

.main-container {

    width: 1000px;

    margin: 0 auto

}



.header-container {

    height: 46px;

    line-height: 46px

}



.dashboard-container {

 

    margin-top: 90px

}



.pic-container {

    width: 422px;

    float: left;

    margin-top: 84px

}



.h2-title {

    font-size: 24px;

    color: #333;

    line-height: 32px;

    text-align: center;

    font-weight: 400

}



.btn-container {

    padding: 10px 0 16px;

    overflow: hidden;

    height: 68px

}



.btn {

    display: inline-block;

    width: 240px;

    height: 68px;

    border-radius: 2px;

    margin-right: 6px

}



.sefe-btn,.safe-download {

    background-repeat: no-repeat

}



.sefe-btn {

    width: 256px;

    height: 84px;

    margin-top: -6px;

    background-image: url("//p1.ssl.qhimg.com/t01b942b7950a7851c9.png");

    background-image: -webkit-image-set(url('//p1.ssl.qhimg.com/t01b942b7950a7851c9.png') 1x,url('//p1.ssl.qhimg.com/t0156587f28eeee5124.png') 2x);

    background-image: -moz-image-set(url('//p1.ssl.qhimg.com/t01b942b7950a7851c9.png') 1x,url('//p1.ssl.qhimg.com/t0156587f28eeee5124.png') 2x);

    background-image: -o-image-set(url('//p1.ssl.qhimg.com/t01b942b7950a7851c9.png') 1x,url('//p1.ssl.qhimg.com/t0156587f28eeee5124.png') 2x);

    background-image: -ms-image-set(url('//p1.ssl.qhimg.com/t01b942b7950a7851c9.png') 1x,url('//p1.ssl.qhimg.com/t0156587f28eeee5124.png') 2x)

}



.safe-download {

    background-image: url("//p3.ssl.qhimg.com/t012686759a0b76b56b.png");

    background-image: -webkit-image-set(url('//p3.ssl.qhimg.com/t012686759a0b76b56b.png') 1x,url('//p2.ssl.qhimg.com/t01e2a235155433ee41.png') 2x);

    background-image: -moz-image-set(url('//p3.ssl.qhimg.com/t012686759a0b76b56b.png') 1x,url('//p2.ssl.qhimg.com/t01e2a235155433ee41.png') 2x);

    background-image: -o-image-set(url('//p3.ssl.qhimg.com/t012686759a0b76b56b.png') 1x,url('//p2.ssl.qhimg.com/t01e2a235155433ee41.png') 2x);

    background-image: -ms-image-set(url('//p3.ssl.qhimg.com/t012686759a0b76b56b.png') 1x,url('//p2.ssl.qhimg.com/t01e2a235155433ee41.png') 2x)

}



.ordinary-btn {

    background-image: url("//p2.ssl.qhimg.com/t01fbbe4981e6f94210.png");

    background-image: -webkit-image-set(url('//p2.ssl.qhimg.com/t01fbbe4981e6f94210.png') 1x,url('//p2.ssl.qhimg.com/t016594d58ca11f928a.png') 2x);

    background-image: -moz-image-set(url('//p2.ssl.qhimg.com/t01fbbe4981e6f94210.png') 1x,url('//p2.ssl.qhimg.com/t016594d58ca11f928a.png') 2x);

    background-image: -o-image-set(url('//p2.ssl.qhimg.com/t01fbbe4981e6f94210.png') 1x,url('//p2.ssl.qhimg.com/t016594d58ca11f928a.png') 2x);

    background-image: -ms-image-set(url('//p2.ssl.qhimg.com/t01fbbe4981e6f94210.png') 1x,url('//p2.ssl.qhimg.com/t016594d58ca11f928a.png') 2x);

    background-repeat: no-repeat

}



.table-container {

    margin: 40px 0 48px

}



.table-desc {

    font-size: 14px;

    color: #999;

    font-weight: 400

}



.table-vs {

    font-size: 40px;

    color: #C2C2C2

}



.table-remind,.footer-container {

    line-height: 24px;

    text-align: center

}



.table-remind {

    width: 120px;

    background: #ff9500;

    border-radius: 12px;

    font-size: 14px;

    color: #fff;

    position: absolute;

    left: 50%;

    margin-left: -60px;

    top: -30px;

    font-weight: 400

}



.footer-container {

    padding: 36px 0;

    color: #999;

    font-size: 12px;

    background: #F4FAFF

}



.clearfix:after {

    content: "\0020";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



.dashboard-container dl {

    width: 200px;

    font-size: 14px;

    float: left;

    margin-top: 4px

}



.dashboard-container dt,.dashboard-container dd {

    display: inline

}



.dashboard-container dt {

    color: #999

}



.dashboard-container dd {

    color: #666

}



.table-container tr,.table-container th,.table-container td {

    text-align: center

}



.table-container th {

    font-size: 20px;

    color: #333;

    position: relative;

    padding-bottom: 12px

}



.table-container td {

    font-size: 18px;

    color: #333;

    line-height: 22px;

    padding: 17px 56px 18px

}



.table-container p {

    text-align: center

}



.table-container p,.table-container img {

    vertical-align: middle

}



.table-container img {

    margin-right: 4px;

    margin-top: -3px

}



.header-container .logo {

    width: 274px;

    height: 30px;

    float: left;

    margin-top: 16px

}



.header-container .menu {

    float: right;

    margin-top: 7px

}



.dashboard-container .title {

    font-size: 40px;

    color: #333;

    line-height: 46px;

    vertical-align: middle;

    margin-bottom: 20px;

    font-weight: 400

}



.dashboard-container .pro-desc {

    width: 408px;

    color: #999;

    font-size: 14px;

    margin-bottom: 26px;

    line-height: 22px

}



.dashboard-container .desc {

    font-size: 14px;

    color: #999;

    line-height: 19px

}



.dashboard-container .pic {

    width: 396px;

    height: 248px;

    background: #fff;

    box-shadow: 0 5px 35px 0 #D0e2ff;

    border: 1px solid #D8EAFF;

    padding: 12px

}



.sefe-btn:hover {

    background-position: -256px top

}



.sefe-btn:active {

    background-position: right top

}



.sefe-btn:focus {

    background-position: -512px top

}



.header-container .menu a {

    line-height: 21px;

    font-size: 16px;

    color: #333;

    margin-left: 30px

}



.dashboard-container .title img {

    width: 64px;

    height: 64px;

    vertical-align: middle

}



.dashboard-container dl.right-desc {

    width: 250px

}



.dashboard-container .pic img {

    width: 396px;

    height: 248px

}



.header-container .menu a:hover {

    color: #07CD5A

}



.header-container .menu a:active,.header-container .menu a:focus {

    color: #06B851

}



.dashboard-container dl.right-desc .name,.dashboard-container dl.right-desc .desc {

    float: left

}



.dashboard-container dl.right-desc .desc {

    width: 176px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.footer-container p,.footer-container img {

    vertical-align: middle

}



.footer-container img {

    padding: 0 2px

}



  .dashboard-container-softname {

        display: inline-block;

        width: 370px;

        text-overflow: ellipsis;

        overflow: hidden;

        white-space: nowrap;

        vertical-align: middle;

    }

    .banner-btn {

      display: inline-block;

      width: 277px;

      height: 74px;

      margin-bottom: 21px;

      line-height: 74px;

      border-radius: 2px;

      background: #1eca86;

      background: linear-gradient(

        131deg,

        #1bed77 15%,

        #1bdd8a 41%,

        #1eca86 91%

      );

      box-shadow: 0px 4px 15px 0px rgba(7, 205, 90, 0.27);

      font-size: 24px;

      font-weight: bold;

      color: #ffffff;

      text-shadow: 0px 2px 10px 0px rgba(13, 169, 78, 0.4);

      cursor: pointer;

    }

    .banner-btn:before{

      content: '';

      display: inline-block;

      position: relative;

      top: 2px;

      display: inline-block;

      width: 23px;

      height: 25px;

      margin: 0 39px 0 35px;

      font-size: 0;

      background-image:url('https://p5.ssl.qhimg.com/t0101483c5720604d3f.png');

      background-size: 100% 100%;

    }

    </style>

    <style>

      .main {

        width: 1000px;

        margin: 0 auto;

        padding: 18px 0 80px;

      }

      .main-title {

        position: relative;

        padding: 18px 0 18px 39px;

        font-size: 22px;

        line-height: 32px;

        font-weight: bold;

        color: #3d3d3d;

      }

      .main-title::after {

        content: "";

        position: absolute;

        top: 24px;

        left: 17px;

        width: 5px;

        height: 22px;

        border-radius: 2px;

        background: #06cd5a;

      }

      .main-intro {

        border-radius: 2px;

        background: #fbfdff;

        background: linear-gradient(

          180deg,

          #f4f9ff 5%,

          #f8fcff 37%,

          #fbfdff 98%

        );

        box-sizing: border-box;

        border: 1px solid #edf5ff;

      }

      .main-intro-desc {

        margin: 0 4px;

        padding: 24px 28px;

        border-top: 1px solid #d9ebff;

        font-size: 14px;

        line-height: 24px;

        color: #3d3d3d;

      }

      .main-ys {

        margin: 50px 0;

        font-size: 0;

      }

      .main-ys-item {

        display: inline-block;

        width: 212px;

        height: 188px;

        border-radius: 2px;

        background: #fbfdff;

        background: linear-gradient(

          180deg,

          #f4f9ff 5%,

          #f8fcff 37%,

          #fbfdff 98%

        );

        box-sizing: border-box;

        border: 1px solid #edf5ff;

      }

      .main-ys-item + .main-ys-item {

        margin-left: 50px;

      }

      .main-ys-item img {

        display: block;

        width: 100px;

        height: 84px;

        margin: 22px auto;

      }

      .main-ys-item-title {

        width: 100%;

        font-size: 20px;

        font-weight: 400;

        text-align: center;

        line-height: 24px;

        color: #3d3d3d;

      }

      .main-flow {

        font-size: 0;

      }

      .main-flow-list {

        position: relative;

        margin-top: 18px;

      }

      .main-flow-item {

        position: relative;

        display: inline-block;

        width: 33.33333%;

        font-size: 0;

      }

      .main-flow-circle {

        display: inline-block;

        width: 62px;

        height: 62px;

        border-radius: 62px;

        background-size: 100% 100%;

        line-height: 62px;

        text-align: center;

        font-size: 24px;

        font-weight: bold;

        letter-spacing: 0px;

        color: #3d3d3d;

      }

      .main-flow-bg {

        position: absolute;

        z-index: -1;

        top: 8px;

        left: 20px;

        right: 0;

        height: 48px;

        background: #ecfff7;

        background: linear-gradient(180deg, #ffffff 0%, #ecfff7 97%);

        border: 1px solid;

        border-color: rgba(183, 227, 210, 0.2);

        border-image: linear-gradient(

          180deg,



          #abe8d0 5%,

          rgba(183, 227, 210, 0.84) 97%

        );

        border-radius: 29px;

      }

      .main-flow-title {

        overflow: hidden;

        position: relative;

        top: 9px;

        display: inline-block;

        margin-left: 20px;

        font-size: 16px;

        font-weight: 500;

        line-height: 48px;

        color: #444444;

      }

      .main-flow-title img {

        position: absolute;

        left: 0;

        bottom: -22px;

        width: 85px;

        height: 31px;

      }

      .main-footdown-wrap {

        height: 101px;

        background: #f9f9f9;

        border-top: 1px solid #e8e8e8;

      }

      .main-footdown {

        width: 1000px;

        margin: 0 auto;

      }

      .main-footdown-text {

        float: left;

        font-size: 16px;

        line-height: 101px;

        color: #3d3d3d;

      }

      .main-footdown-btn {

        float: right;

        width: 173px;

        height: 46px;

        margin-top: 25px;

        border-radius: 2px;

        background: #1eca86;

        background: linear-gradient(

          131deg,

          #1bed77 15%,

          #1bdd8a 41%,

          #1eca86 91%

        );

        box-shadow: 0px 4px 15px 0px rgba(7, 205, 90, 0.27);

        font-size: 22px;

        font-weight: 500;

        line-height: 46px;

        text-align: center;

        text-decoration: none;

        color: #ffffff;

      }

      .footer-container {

        background: #fff;

      }

      .dlcnheader {

        width: 100%;

        height: 64px;

        line-height: 64px;

        position: fixed;

        top: 0;

        left: 0;

        background-color: #fff;

        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);

        z-index: 99999;

      }

      .dlcnheader a {

        text-decoration: none;

      }

      .dlcnheader .headerInner {

        width: 1152px;

        height: 64px;

        line-height: 64px;

        margin: 0 auto;

        position: relative;

      }

      .dlcnheader .headerInner > a > .logo {

        position: relative;

        top: 10px;

        height: 42px;

        float: left;

      }

      .dlcnheader .headerInner > div {

        display: inline-block;

      }

      .dlcnheader .headerInner > ul {

        margin: 0 0 0 72px;

        display: inline-block;

        height: 64px;

      }

      .dlcnheader .headerInner > ul a {

        display: inline-block;

        margin-right: 40px;

        vertical-align: middle;

        position: relative;

        top: -2px;

      }

      .dlcnheader .headerInner > ul a li {

        display: inline-block;

        font-size: 16px;

        color: #666;

        position: relative;

      }

      .dlcnheader .headerInner > ul a li.active {

        color: #333;

        font-weight: bold;

      }

      .dlcnheader .headerInner > ul a li.active::after {

        content: "";

        position: absolute;

        bottom: 10px;

        left: 0;

        background-color: #1ab956;

        width: 100%;

        height: 3px;

        box-shadow: 0 2px 6px 0 rgba(26, 185, 86, 0.2);

        border-radius: 1.5px;

      }

      .dlcnheader .headerInner > .headerLinkGroup {

        float: right;

      }

      .dlcnheader .headerInner > .headerLinkGroup a {

        display: inline-block;

        margin-right: 22px;

        font-size: 14px;

        color: #333;

        height: 20px;

        line-height: 20px;

        vertical-align: middle;

        transition: color 0.35s;

      }

      .dlcnheader .headerInner > .headerLinkGroup a img {

        vertical-align: middle;

        position: relative;

        top: -2px;

        width: 24px;

      }

      .dlcnheader .headerInner > .headerLinkGroup a:last-of-type {

        margin-right: 0;

      }

      .dlcnheader .headerInner > .headerLinkGroup a:hover {

        color: #1ab956;

      }

      .dlcnheader-wrap {

        display: none;

        padding-top: 64px;

      }

	 .topSoftDetail dl dd {

    margin-top: 33px;

} 

	  

	  .floatL{

    float: left;

}

.floatR{

    float: right;

}

.clearfix::after{

    content: '';

    clear: both;

    display: block;

}

	  .icons{

    background: url("../img/icons.png") no-repeat;

}

	  .layout {

    width: 1200px;

    margin: 0 auto;

}.main {

    margin-bottom: 20px; text-align:left;

}

	  /* 当前位置 */

.position{

    width: 100%; clear:both;

    font-size: 14px;

    color: #5c5c5c; text-align:left;

    padding: 30px 0px 20px 0;

}

.position a{

    color: #5c5c5c;

}

.position a:hover{

    text-decoration: underline;

}

/* 顶部软件详情(首屏) */

.main{

  

}

.topSoftDetail{

    border: 1px solid #eee;

    background: #fff;

    padding: 20px 30px;

}

.topSoftDetail dl dt{

    width: 100px;

    height: 100px;

    text-align: center;

}

.topSoftDetail dl dt img{

    max-width: 100px;

    max-height: 100px;

    border-radius: 15px;

    transform: translateY(-50%);

    margin-top: 50px;

}

.topSoftDetail dl dd{

    margin-left: 24px;

}

.topSoftDetail dl dd h1{

    max-width: 600px;

    font-size: 24px;

    color: #040404;

    display: inline-block;

    vertical-align: middle;

    font-weight: bold;

}

.topSoftDetail dl dd .softName{

    display: block;

}

.topSoftDetail dl dd .softName span{

    font-size: 14px;

    color: #7a7a7a;

    margin-left: 5px;

    display: inline-block;

    vertical-align: middle;

}

.topSoftDetail dl dd .softName .tip{

    color: #53b55d;

    margin-left: 15px;

}

.topSoftDetail dl dd .softName .tip i{

    width: 16px;

    height: 16px;

    background-position: 0px 0px;

    display: inline-block;

    vertical-align: middle;

    margin-top: -2px;

    margin-right: 4px;

}

/* 下载按钮 */

.topSoftDetail .download{

    margin-top: 10px;

    display: block;

}

.topSoftDetail .download .chunjDown{

    width: 260px;

    height: 58px;

    line-height: 58px;

    background: #51ba2a;

    border-radius: 30px;

    font-size: 22px;

    color: #fff;

    display: inline-block;

    cursor: pointer;

    font-weight: bold;

}

.topSoftDetail .download .chunjDown i{

    width: 22px;

    height: 22px;

    display: inline-block;

    background-position: 0 -18px;

    vertical-align: middle;

    margin-right: 10px;

}

.topSoftDetail .download .chunjDown:hover{

    background: #6ec74c;

}

.topSoftDetail .detailList{

    margin-top: 10px;

}

.topSoftDetail .detailList li{

    width: 210px;

    font-size: 14px;

    color: #949494;

    border-bottom: 1px solid #efeeee;

    float: left;

    padding: 15px 0px;

    overflow: hidden;

    white-space: nowrap;

}

.topSoftDetail .detailList li span{

    color: #121212;

}

.topSoftDetail .detailList li img{

    display: inline-block;

}

.topSoftDetail .detailList li i{

    margin-right: 3px;

}

.topSoftDetail .detailList li .icon1{

    width: 13px;

    height: 13px;

    display: inline-block;

    background-position: -19px 0px;

    vertical-align: middle;

    margin-top: -3px;

}

.topSoftDetail .detailList li .icon2{

    width: 11px;

    height: 13px;

    display: inline-block;

    background-position: -35px 0px;

    vertical-align: middle;

    margin-top: -3px;

    margin-left: 7px;

}

.topSoftDetail .detailList .specialWidth{

    width: 245px;

}

.topSoftDetail .detailList .specialWidth2{

    width: 260px;

}





.main_content{

    margin-top: 20px;

}

.main_left{ margin:20px 0;

}

.main_left .softDetail{

    background: #fff;

    padding: 0px 29px;

    border: 1px solid #eee;

}

.main_left .softDetail .title{

    border-bottom: 1px solid #eee;

    /* padding: 20px 0px 0px 0px; */

    height: 53px;

    position: relative;

}

.main_left .softDetail .title h2{

    max-width: 760px;

    font-size: 20px;

    color: #202020;

    font-weight: 500;

    border-bottom: 3px solid #3c8de6;

    padding-bottom: 12px;

    position: absolute;

    top: 14px;

    left: 0px;

    white-space: nowrap;

    overflow: hidden;

}

.main_left .softDetail .title p{

    font-size: 14px;

    color: #818181;

    margin-top: 20px;

}

.main_left .softDetail .title p a{

    color: #818181;

    margin-right: 18px;

}

.main_left .softDetail .title p a:nth-child(3){

    margin-right: 0px;

}

.main_left .softDetail .title p a:hover{

    color: #3c8de6;

}

.main_left .softDetail .content{

    font-size: 14px;

    color: #202020;

    line-height: 28px;

    padding: 15px 0px 45px 0px;

    border-bottom: 1px solid #eee;

    text-align: justify;

}

.main_left .content img{

    max-width: 760px;

    margin: 15px 0px;

}